@import "@/assets/css/common/var.scss";
$prefix: ".lg-radio";
$background: "#21b4e0";
.lg-radio {
  // position: absolute;
}
#{$prefix} {
  font-size: 14px;
  color: #4a4949;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  display: inline-block;
  text-align: left;
  margin: 0 20px 0 0;
}
#{$prefix}.checked {
  color: #21b4e0;
}
#{$prefix}.disabled {
  border-color: #ccc;
  opacity: 0.6;
  cursor: no-drop;
}
#{$prefix}__icon {
  width: 5mm;
  height: 5mm;
  display: inline-block;
  border: 1px dotted #c5c5c5;
  border-radius: 50%;
  margin-right: 6px;
  vertical-align: -2px;
  position: relative;
}
#{$prefix}__icon_after {
  position: absolute;
  width: 2mm;
  height: 2mm;
  border-radius: 50%;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  // background: rgba(33, 180, 224, 0);
  // -webkit-transform: scale(0);
  // // transform: ;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#{$prefix}.checked .lg-radio__icon {
  border-color: #21b4e0;
}
#{$prefix}.checked .lg-radio__icon_after {
  background: var(--pseudoElementBackgroundColor);
  transform: translate(-50%, -50%) scale(1);
}
#{$prefix}__original {
  display: none;
  outline: medium none !important;
}
